<div>
	<img ng-show="loadingUsers" style="width:25px;height:25px" alt="{{ Main_Loading }}" src="assets/img/ajax-loader.gif" />
	<div class="task" ng-hide="loadingUsers">
		<button type="button" class="btn btn-primary" ng-click="prepareAddUserCommand()">
			<span class="glyphicon glyphicon-plus"></span> {{ Main_Add }}
		</button>
		<label class="checkbox" ng-repeat="user in users">
			<span>
				<div ng-switch="user.Profile" style="float:left;margin-right:5px;">
					<img ng-switch-when="0" src="assets/img/user.png" height="20px" width="20px"/>
					<img ng-switch-when="1" src="assets/img/volunteer.png" height="20px" width="20px"/>
					<img ng-switch-when="2" src="assets/img/member.png" height="20px" width="20px"/>
					<img ng-switch-when="3" src="assets/img/treasurer.png" height="20px" width="20px"/>
					<img ng-switch-when="4" src="assets/img/administrator.png" height="20px" width="20px"/>
				</div>
				<div ng-switch="user.State" style="float:left;margin-right:5px;">
					<img ng-switch-when="0" src="assets/img/unknown.png" height="20px" width="20px"/>
					<img ng-switch-when="1" src="assets/img/online.png" height="20px" width="20px"/>
					<img ng-switch-when="2" src="assets/img/offline.png" height="20px" width="20px"/>
					<img ng-switch-when="3" src="assets/img/banned.png" height="20px" width="20px"/>
				</div>
			#{{user.Id}} &nbsp; {{user.Firstname}} {{user.Lastname}} &nbsp; &nbsp; &nbsp; {{user.Email}} &nbsp; {{user.PhoneNumber}}
			</span>
			<a ng-click="confirmDeleteUserCommand(user)" class="pull-right" data-toggle="tooltip" data-placement="top" title="Supprimer cet utilisateur"><i class="glyphicon glyphicon-trash"></i></a>
			<a ng-click="prepareEditUserCommand(user)" class="pull-right" data-toggle="tooltip" data-placement="top" title="Editer cet utilisateur"><i class="glyphicon glyphicon-edit" style="margin-right:10px"></i></a>
		</label>
	</div>
</div>

<adduser></adduser>

<edituser></edituser>

<confirmdeleteuser></confirmdeleteuser>